<!--包含头部文件-->
{include file="public/header" /}
<div class="cl pd-5 bg-1 bk-gray mt-20"> 添加分店信息</div>
<article class="page-container">
  <form class="form form-horizontal" id="form-article-add" enctype="multipart/form-data"  method="post" action="{:url('location/add')}">
    基本信息：
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分店名称：</label>
      <div class="formControls col-xs-8 col-sm-3">
        <input type="text" class="input-text" value="" placeholder="" id="" name="name">
      </div>
    </div>

    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属城市：</label>
      <div class="formControls col-xs-8 col-sm-2">
				<span class="select-box">
				<select name="city_id" class="select cityId">
                  <option value="0">--请选择--</option>
                  {volist name="citys" id="vo"}
                  <option value="{$vo.id}">{$vo.name}</option>
                  {/volist}
                </select>
				</span>
      </div>
      <div class="formControls col-xs-8 col-sm-2">
				<span class="select-box">
				<select name="se_city_id" class="select se_city_id">
                  <option value="0">--请选择--</option>
                </select>
				</span>
      </div>
    </div>

    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">缩略图：</label>
      <div class="formControls col-xs-8 col-sm-9">
          <input id="file_upload"  type="file" name="logo" >
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">门店介绍：</label>
      <div class="formControls col-xs-8 col-sm-9">
        <script id="editor"  type="text/plain" name="content" style="width:80%;height:300px;"></script>
      </div>
    </div>

    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属分类：</label>
      <div class="formControls col-xs-8 col-sm-3"> <span class="select-box">
				<select name="category_id" class="select categoryId">
                  <option value="0">--请选择--</option>
                  {volist name="categorys" id="vo"}
                  <option value="{$vo.id}">{$vo.name}</option>
                  {/volist}
                </select>
				</span>
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">所属子类：</label>
      <div class="formControls col-xs-8 col-sm-3 skin-minimal">
        <div class="check-box se_category_id">
        </div>
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">地址：</label>
      <div class="formControls col-xs-8 col-sm-3">
        <input type="text" class="input-text" value="" placeholder="" id="" name="address">
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">电话:</label>
      <div class="formControls col-xs-8 col-sm-3">
        <input type="text" class="input-text" value="" placeholder="" id="" name="tel">
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">联系人:</label>
      <div class="formControls col-xs-8 col-sm-3">
        <input type="text" class="input-text" value="" placeholder="" id="" name="contact">
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-xs-4 col-sm-2">营业时间:</label>
      <div class="formControls col-xs-8 col-sm-3">
        <input type="text" class="input-text" value="" placeholder="" id="" name="open_time">
      </div>
    </div>

    <div class="row cl">
      <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
        <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 申请</button>
      </div>
    </div>
  </form>
</article>
<!--包含尾部文件-->
{include file="public/footer" /}

<script type="text/javascript" src="__STATIC__/admin/hui/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/admin/hui/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="__STATIC__/admin/hui/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
          <script>

              $(function(){
                  var ue = UE.getEditor('editor');
                  var ue1 = UE.getEditor('editor1');
              });

              var SCOPE = {
                  'city_url' : '{:url('api/city/getCitysByParentId')}',
                  'category_url' : '{:url('api/category/getCategoryByParentId')}',
                  'uploadify_swf' : '__STATIC__/admin/uploadify/uploadify.swf',
                  'image_upload' : '{:url('api/image/upload')}',
              };

              /**城市相关二级内容**/
              $(".cityId").change(function(){
                  city_id = $(this).val();
                  // 抛送请求
                  url = SCOPE.city_url;
                  postData = {'id':city_id};
                  $.post(url,postData,function(result){
                      //相关的业务处理
                      if(result.status == 1) {
                          // 将信息填充到html中
                          data = result.data;
                          city_html = "";
                          $(data).each(function(i){
                              city_html += "<option value='"+this.id+"'>"+this.name+"</option>";

                          });
                          $('.se_city_id').html(city_html);
                      }else if(result.status == 0) {
                          $('.se_city_id').html('');
                      }
                  }, 'json');
              });

              /**分类相关二级内容**/
              $(".categoryId").change(function(){
                  category_id = $(this).val();
                  // 抛送请求
                  url = SCOPE.category_url;
                  postData = {'id':category_id};
                  $.post(url,postData,function(result){
                      //相关的业务处理
                      if(result.status == 1) {
                          data = result.data;
                          category_html = "";
                          $(data).each(function(i){
                              category_html += '<input name="se_category_id[]" type="checkbox" id="checkbox-moban" value="'+this.id+'"/>'+this.name;
                              category_html += '<label for="checkbox-moban">&nbsp;</label>';
                          });
                          $('.se_category_id').html(category_html);
                      }else if(result.status == 0) {
                          $('.se_category_id').html('');
                      }
                  }, 'json');
              });


          </script>
</body>
</html>